<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type">
    <meta content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">
    <meta name="show-image" content="http://www.66play.com/Public/App/overwatch/images/logo4share.png.jpg" />
    <title>{$title}</title>
    <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/App/overwatch/mobile/css/common.css?v=1.1.5" />
    <script type="text/javascript" src="__PUBLIC__/App/overwatch/mobile/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/overwatch/mobile/js/knockout-2.3.0.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/overwatch/mobile/js/plugin.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/overwatch/mobile/js/mobile.js"></script>
    <script type="text/javascript">
        {:C('GLOBAL_BDHM')}
    </script>
</head>
<body>
    <img src="__PUBLIC__/App/overwatch/mobile/images/cz_1.jpg" style="width:100%;height:auto;"/>
    <div class="rule font24 gray">
        <h1><img src="__PUBLIC__/App/overwatch/mobile/images/rules.png?v=1.0"/></h1>
        <h2>规则说明</h2>
        <p>1.用户将守望先锋游戏中<b>{$heros}</b>的精彩视频通过66play软件录制并上传，即可参加活动<br>
2.上传活动视频<b>标题需要以<em class="orange">{$prefix}</em>为前缀</b><br>
3.活动截止后，我们将挑选出6段最精彩的视频，<b>送出60战网点哦</b><br>
4.活动时间： {$start|date="Y.m.d",###} - {$end|date="Y.m.d",###}<br>
</p>
    </div>
    <div class="preview">
        <h1><img src="__PUBLIC__/App/overwatch/mobile/images/title.jpg?v=1.0"/></h1>
        <h2>精彩时刻</h2>
        <ul class="preview-ul font24">
        <!-- ko foreach:videos -->
        <li>
            <if condition="$isFromApp eq true">
                <a href="" data-bind="attr:{'href':'ly66play://66play?type=video&id='+id}">
            <else />
                <a href="" data-bind="attr:{'href':videoLink}" target="_blank">
            </if>
                <div class="preview-img" data-bind="css:{'relative':$index() < 3}">
                    <img src="" data-bind="attr:{'src':thumb}"/>
                    <!-- ko if:$index() == 0 -->
                    <em class="back_orange absolute">1st</em>
                    <!-- /ko -->
                    <!-- ko if:$index() == 1 -->
                    <em class="back_orange absolute">2nd</em>
                    <!-- /ko -->
                    <!-- ko if:$index() == 2 -->
                    <em class="back_orange absolute">3rd</em>
                    <!-- /ko -->
                </div>
                <span class="preview-title" data-bind="text:title"></span>
                <p class="preview-footer">
                    已获<b class="orange font40" data-bind="text:zan"></b>个赞
                </p>
            </a>
        </li>
        <!-- /ko -->
        <div class='loadingMore' data-bind="visible:pending"><img src="__PUBLIC__/App/overwatch/mobile/images/loading-white.gif"/>加载更多...</div>
    </ul>
    </div>
</body>
<script type="text/javascript">
    window._THIS = {
        videoLink : "{:U('home/share/video')}",
        url : "{:U('ow/index')}",
        pager : {$pager},
        p : 1,
    };
    function dataInit() {
        var videos = {$videos|json_encode};
        viewModel.videos(getVideos(videos));
    }
</script>
</html>
